<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>内边距属性</title>
		<style>
			/*外边距  边框   内边距 ： 内容与边框的距离----使用范围  页面精灵图*/
		img{
			border: 1px solid red;
			padding: 100px;  /*内容撑开   元素实际尺寸会；改变*/
			/*padding ：2个值：上下   右左*/
			padding: 10px 100px;
			/*padding：3个值：上  右左  下*/
			padding: 10px 100px 200px;
			/*padding: 3个值：上  右  下  左;*/
			padding: 10px 100px 200px 300px;
		}
		
		</style>
	</head>
	<body>
		<img src="img/img/p_small_001.jpg" width="300px" height="300px" alt="保温杯">
	</body>
</html>